@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body { width:100%; font-family:"微软雅黑"; background:#ececec;}
.orderHead { width:100%; background:#fff;}
.orderHeadIn { width:62.5%; margin:0 auto; height:80px; line-height:80px;}
.orderHead h2 { font-size:22px; color:#0ea59f;}
.orderTwo { width:62.5%; margin:10px auto 30px; background:#ececec;}

.otTop { width:58%; margin:0 auto; padding:30px 0;}
.ottTop { width:100%;}
.ottTop img{ width:100%;}
.ottBottom { overflow:hidden;}
.ottBottom .p1{ float:left;}
.ottBottom .p2{ float:right;}

.otcTop { width:100%; height:50px; background:url(../img/orderDetailCenterbg01.png) repeat-x; padding:0 0 0 10px; box-sizing:border-box;}
.otcTop h3 { font-size:22px; color:#fff; line-height:50px; font-weight:normal;}

.otcBottom { width:100%; background:#fff;}
.otcBottom tr { width:100%; text-align:center;}
.otcBottom td{ width:20%; border-bottom:dashed #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;}
.otcBottom td span { color:#de6300;}
.reduce , .plus { border:1px solid #000; width:14px;display: inline-block}
.numberRP { position:relative;}
.numberRP a { text-decoration:none; color:#09F;}

.projectDetail img { width:35%; float:left; margin:0 0 0 10px;}
.projectDetail p { width:60%; float:left; margin:10px 0;}

.otcBottom02 { width:100%; height:40px; background:#cbcbcb; line-height:40px; padding:0 10px 0 0; box-sizing:border-box; margin:-5px 0 0 0;}
.otcBottom02 p{ float:right;}
.otcBottom02 p span{color:#de6300;}

.otBottom { width:100%; background:#fff; padding:0 0 30px 0;}
.otBottom .otbTop{ margin:60px 0 0 0; height:50px;  width:100%;background:url(../img/orderDetailCenterbg01.png) repeat-x; padding:0 0 0 10px; box-sizing:border-box;}

.otbTop h3 { font-size:22px; color:#fff; line-height:50px; font-weight:normal;}
.otbBottom div { margin:20px 0 0 20px;}
.name input , .phone input , .IDcard input , .address input{ width:300px; height:30px; background:url(../img/orderDetailinputbg.png) no-repeat; background-size:100% 100%; border:none; padding:5px 10px; box-sizing:border-box;}
.otbBottom  .name { margin:20px 0 0 36px;}
.address select { width:100px; height:30px; text-align:center; line-height:30px; margin:0 10px 0 0;}

.buyBtn { width:140px; height:40px; margin:30px auto 0; padding:0 0 30px 0;}
.buyBtn input { width:140px; height:40px; background:#0ea59f; border-radius:20px; border:none; color:#fff; font-size:18px;}
.orderNum{width:20px;}

#protocolPopup{
    position: fixed;
    top: 50%;
    left: 0px;
    width: 100%;
    display: none;
    margin-top: -365px;
}
#protocolPopup .protocolPad{
    width: 1239px;
    height: 710px;
    margin: 0 auto;
    background-color: #dcdcdc;
    padding: 15px;
}
#protocolPopup .protocolPopupMain{
    width: 1209px;
    height: 680px;
    background-color: #fff;
    position: relative;
}
#protocolPopup .protocolPopupMain h2{
    font-size: 28px;
    padding: 10px 20px;
    margin: 0px;
}
#protocolPopup .protocolMain{
    width: 1192px;
    overflow: auto;
    background-color: #fff;
    margin: 0 auto;
    height: 620px;
    border: 1px solid #e1e1e1;
}
#protocolPopup .fa-times{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .orderTwo{
    width:100%;
}
    #protocolPopup{
        top: 0px;
        margin-top: 0px;
        height:100%;
    }
    #protocolPopup .protocolMain,#protocolPopup .protocolPopupMain,#protocolPopup .protocolPad{
        height:100%;
        width: 100%;
    }
}








